<#-- .hidden-xs .hidden-sm TODO 手机或平板  -->
<div class="row align-items-start bg-light">
  <div class="d-none d-sm-block col-sm-2 col-md-3">
    <div style="padding-top: .5rem;">
      <a class="logo" href="${serverHostPath}">
        <img src="${staticHostPath}/assets/img/logo-wide.png" alt="${title}" class="header-logo-wide d-none d-md-block" style="height: 3rem;">
        <img src="${staticHostPath}/assets/img/logo-narrow.webp" alt="${title}" class="header-logo-narrow d-md-none" style="height: 3rem;">
      </a>
    </div>
  </div>
  <div class="col-sm-10 col-md-9">
    <nav class="navbar-top navbar navbar-expand-lg navbar-light bg-light rounded" aria-label="navbar top">
      <div class="container-fluid">
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbars" aria-controls="navbars" aria-expanded="false" aria-label="Toggle navigation" style="width: 18%;">
          <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbars">
          <ul class="navbar-nav me-auto flex-row">
            <li class="nav-item">
              <a rel="nofollow" class="nav-link" href="${serverHostPath}">首页</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="${serverHostPath}/subjectList">专题</a>
            </li>
            <li class="nav-item dropdown">
              <a class="nav-link dropdown-toggle" href="#" id="dropdown" data-bs-toggle="dropdown" aria-expanded="false">更多</a>
              <ul class="dropdown-menu" aria-labelledby="dropdown">
                <li><a class="dropdown-item" target="_blank" href="http://zhushou.xiaomi.com/">雨田助手</a></li>
                <li><a class="dropdown-item" target="_blank" href="https://dev.mi.com/console/">开发者</a></li>
                <li><a class="dropdown-item" target="_blank" href="https://game.xiaomi.com/">游戏中心</a></li>
              </ul>
            </li>
          </ul>
        </div>
        <form class="navbar-search" style="width: 80%;">
          <input class="form-control" type="text" placeholder="搜索应用或游戏" aria-label="搜索应用或游戏">
        </form>
      </div>
    </nav>
  </div>
</div>